<svg xmlns:xlink="http://www.w3.org/1999/xlink" id="svg_wrapper" class="defs-only" xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 1200px">
    <svg height="1200px">
        <rect fill="#EBF1F4" width="100%" height="1200"/>
        <rect fill="#FFFFFF" width="100%" height="507" x="20" y="68"/>
    </svg>

    <svg height="1200px" id="content">
        <rect fill="#DEE2E6" rx="2" ry="2" width="175"  height="12" x="40" y="26"/>
        <rect fill="#A6F434" rx="2" ry="2" width="195"  height="39" x="100%" y="12" transform="translate(-215, 0)"/>
        <rect fill="#A4E44C" rx="2" ry="2" width="175"  height="14" x="100%" y="25" transform="translate(-205, 0)"/>

        <defs>
            <g id="title">
                <rect fill="transparent" stroke-width="1" stroke="#DEE2E6" rx="2" ry="2" width="14"  height="14" x="19" y="21"/>

                <svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="49" y="22">
                     <path fill="#A8ADB4" d="M8.22688591,6.50205154 C8.04534015,7.35548206 7.37420839,8.02663185 6.5208099,8.20812459 C4.89375652,8.55416604 3.48034063,7.14029255 3.82644017,5.51353756 C3.99011277,4.7443054 4.76307678,3.97126128 5.53228591,3.80755164 C7.15902889,3.46130089 8.57299547,4.87485998 8.22688591,6.50205154 M11.575936,5.13289113 L10.3857,4.9343142 L10.3857,4.9343142 C10.3011402,4.58860515 10.1787212,4.25779547 10.0198248,3.9485638 C10.0131461,3.9355539 10.0146982,3.91990258 10.02388,3.90851979 L10.7707401,2.98244992 C10.9328006,2.78277155 10.9254411,2.4954854 10.7545892,2.3027841 L10.2812043,1.77000406 C10.1096114,1.57749502 9.82506183,1.53678614 9.60800988,1.67391525 L8.59011771,2.3138004 L8.59011771,2.3138004 C8.14884454,2.00549494 7.64982639,1.7766487 7.11174747,1.64181055 C7.09747894,1.6382259 7.08665488,1.62657977 7.08422172,1.61204789 L6.88907825,0.439296604 C6.84728396,0.185916488 6.62801916,-1.77635684e-15 6.37063484,-1.77635684e-15 L5.65725823,-1.77635684e-15 C5.40039459,-1.77635684e-15 5.18037881,0.185916488 5.13951574,0.439296604 L4.94329086,1.61248546 C4.9408577,1.62698129 4.93005367,1.63859237 4.91580515,1.64216001 C4.48034954,1.75129376 4.07133828,1.92353549 3.69666161,2.14872699 C3.68403521,2.15631685 3.66817461,2.15575712 3.65617902,2.14718899 L2.70787727,1.47040692 C2.49925629,1.32135231 2.21269408,1.34466158 2.03062759,1.52634657 L1.52665297,2.03069368 C1.34496698,2.21276317 1.3216567,2.49933239 1.47111083,2.70796438 L2.14948197,3.6581646 C2.15803308,3.67014316 2.15862385,3.68600276 2.15105401,3.69862816 C1.92805436,4.07041007 1.75760296,4.47698918 1.64858135,4.90848665 C1.64497666,4.92273816 1.63337159,4.93351015 1.61889279,4.93592329 L0.43927057,5.13290915 C0.186281962,5.17468441 -1.77635684e-15,5.39398227 -1.77635684e-15,5.6513846 L-1.77635684e-15,6.36422251 C-1.77635684e-15,6.62160683 0.186281962,6.8409227 0.43927057,6.88269796 L1.61885274,7.07966681 C1.63335156,7.08209696 1.64497666,7.09288698 1.64856132,7.10715551 C1.73724652,7.45943909 1.8635706,7.79642183 2.0296363,8.11011328 C2.03655529,8.12319325 2.03509339,8.13908787 2.02579131,8.15061188 L1.28261599,9.07106747 C1.12111622,9.27055456 1.12789503,9.55803299 1.29875696,9.75055906 L1.77177136,10.2833561 C1.94337426,10.4762156 2.22808407,10.5161895 2.44515602,10.3794098 L3.4573007,9.74358197 C3.46970682,9.73578287 3.48551735,9.73609828 3.49765311,9.74431695 C3.92964423,10.0362542 4.41696721,10.2512333 4.93930568,10.3794098 L4.93930568,10.3794098 L5.13953576,11.5762754 C5.18039884,11.8296726 5.40039459,12.0156071 5.65725823,12.0156071 L6.37063484,12.0156071 C6.62802917,12.0156071 6.84728396,11.8296906 6.88907825,11.5762935 L7.08455215,10.4033139 C7.08698531,10.3888 7.09780937,10.3771719 7.1120779,10.3736043 C7.54190618,10.2659745 7.94560054,10.0967747 8.31674267,9.87555337 C8.32936905,9.86803362 8.34516957,9.8686284 8.35711511,9.87716151 L9.34582933,10.5833207 C9.55408984,10.732918 9.84085229,10.7094505 10.0227286,10.5271888 L10.5269235,10.0229999 C10.7083892,9.84148912 10.7329611,9.55507715 10.5822653,9.34606063 L9.87842112,8.35920883 C9.86986999,8.34723025 9.86928926,8.33138767 9.87685909,8.31877932 C10.1005196,7.94573978 10.2718822,7.5383736 10.380303,7.10493462 C10.3838676,7.09066609 10.3954927,7.07984203 10.4099916,7.07741088 L11.5763366,6.88266391 C11.8300762,6.84087063 12.0156071,6.62157179 12.0156071,6.36418746 L12.0156071,5.65134956 C12.0152266,5.39398227 11.8296956,5.17468441 11.575936,5.13289113"/>
                </svg>

                <rect fill="#DEE2E6" rx="2" ry="2" width="96"  height="8 " x="90" y="24"/>
                <rect fill="#DEE2E6" rx="2" ry="2" width="105" height="8"  x="300" y="24"/>
                <rect fill="#DEE2E6" rx="2" ry="2" width="105" height="8"  x="100%" y="24" transform="translate(-610, 0)"/>
                <rect fill="#DEE2E6" rx="2" ry="2" width="105" height="8"  x="100%" y="24" transform="translate(-410, 0)"/>
                <rect fill="#DEE2E6" rx="2" ry="2" width="105" height="8"  x="100%" y="24" transform="translate(-220, 0)"/>
                <line stroke="#DEE2E6" x1="0" y1="53" x2="100%" y2="53"/>
            </g>

            <g id="footer">
                <rect fill="#DEE2E6" rx="2" ry="2" width="96"  height="8 " x="20" y="24"/>
                <rect fill="#DEE2E6" rx="2" ry="2" width="105" height="8"  x="150" y="24"/>
                <rect fill="#DEE2E6" rx="2" ry="2" width="105" height="8"  x="290" y="24"/>
                <rect fill="#DEE2E6" rx="2" ry="2" width="105" height="8"  x="450" y="24"/>

                <rect fill="transparent" stroke="#868D95" opacity="0.2" stroke-width="1" rx="2" ry="2" width="90"  height="39" x="100%" y="11" transform="translate(-150, 0)"/>
                <rect fill="#DEE2E6" rx="2" ry="2" width="65"  height="12" x="100%" y="25" transform="translate(-140, 0)"/>
            </g>

            <g id="item">
                <rect fill="transparent" stroke-width="1" stroke="#DEE2E6" rx="2" ry="2" width="14"  height="14" x="19" y="21"/>
                <rect fill="#DEE2E6" rx="2" ry="2" width="12"  height="2" x="50" y="23"/>
                <rect fill="#DEE2E6" rx="2" ry="2" width="12"  height="2" x="50" y="27"/>
                <rect fill="#DEE2E6" rx="2" ry="2" width="12"  height="2" x="50" y="31"/>
                <rect fill="#DEE2E6" rx="2" ry="2" width="160" height="8" x="90" y="24"/>
                <rect fill="#DEE2E6" rx="2" ry="2" width="105" height="8"  x="300" y="24"/>

                <circle fill="#DEE2E6" r="10" cx="100%" cy="28" transform="translate(-600, 0)"/>
                <rect fill="#DEE2E6" rx="2" ry="2" width="105" height="8"  x="100%" y="24" transform="translate(-580, 0)"/>

                <circle fill="#DEE2E6" r="10" cx="100%" cy="28" transform="translate(-400, 0)"/>
                <rect fill="#DEE2E6" rx="2" ry="2" width="105" height="8"  x="100%" y="24" transform="translate(-380, 0)"/>

                <rect fill="#DEE2E6" rx="2" ry="2" width="105" height="8"  x="100%" y="24" transform="translate(-220, 0)"/>

                <line stroke="#DEE2E6" x1="0" y1="53" x2="100%" y2="53"/>
            </g>
        </defs>

        <use xlink:href="#title" y="69" x="20" width="100%" height="400"/>
        <use xlink:href="#item" y="119" x="20" width="100%" height="400"/>
        <use xlink:href="#item" y="169" x="20" width="100%" height="400"/>
        <use xlink:href="#item" y="219" x="20" width="100%" height="400"/>
        <use xlink:href="#item" y="269" x="20" width="100%" height="400"/>
        <use xlink:href="#item" y="319" x="20" width="100%" height="400"/>
        <use xlink:href="#item" y="369" x="20" width="100%" height="400"/>
        <use xlink:href="#item" y="419" x="20" width="100%" height="400"/>
        <use xlink:href="#item" y="469" x="20" width="100%" height="400"/>
        <use xlink:href="#footer" y="519" x="20" width="100%" height="400"/>
    </svg>

    <rect id="msk1" width="100%" fill="url(#msk_gd)" mask="url(#contentMsk)" height="1200"/>

    <mask id="contentMsk" fill="white">
        <use xlink:href="#content"/>
    </mask>

    <linearGradient x1="66.6%" y1="50%" x2="33.3%" y2="50%" id="msk_gd">
        <stop stop-color="#000000" stop-opacity="0" offset="0%"/>
        <stop stop-color="#000000" stop-opacity="0.07" offset="50%"/>
        <stop stop-color="#000000" stop-opacity="0" offset="100%"/>
    </linearGradient>

    <animate xlink:href="#msk1" attributeName="x" from="-100%" to="100%" dur="1s" begin="0s" repeatCount="indefinite"/>

    <svg viewBox="0 0 100% 1200" height="1200px">
        <rect fill="#EBF1F4" width="20"   height="1200" x="100%" y="0"   transform="translate(-20, 0)"/>
    </svg>

</svg>
